<template>
  <h1> 属性绑定练习</h1>
  <input type="text"> 
  <!-- 输入框默认值设置为info -->
  <input type="text" value="info">
  <!-- 输入框value属性与响应式变量info绑定 -->
  <input type="text" v-bind:value="info" >
  <!-- 属性绑定 v-bind:value 可以简写为 :value -->
  <input type="text" :value="info" >
  <hr />
  <a :href="url">超链接</a>

</template>


<script setup>
import { ref } from 'vue';

const info = ref("属性值666");
const url = ref("https://www.baidu.com");
url.value = "http://www.tmooc.cn";

</script>

<style scoped>

</style>